<!DOCTYPE HTML>
<html>
 <head>
  <title>会员等级与折扣</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <link href="../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/page-min.css" rel="stylesheet" type="text/css" /> 
 </head>
 <body>
  
  <div class="container">

    <div class="row header">
      <p>会员等级与折扣</p>
      <span class="headBtn"><a id="grade_1" href="#">添加等级组</a></span>
      <span class="headBtn"><a id="grade_2" href="#">添加等级</a></span> 
    </div>

        <!-- 此部分是添加等级组弹出的提示框 -->
     <div class="bgg" style="display: none"></div>
     <div id="prompt_msg12" class="pop_main" style="display: none;">
       <div id="prompt_title" class="pop_title">添加/编辑等级组</div>
          <div class="pop_content popCon01 clearfix">
              <div class="pop_content01">
                <label for="">等级组名称：</label>
                <input type="text">
              </div>
              <div class="pop_content01">
                <label for="">等级组类型：</label>
                <input type="text">
              </div>
              <div class="pop_content01">
                <label for="">升级模式：</label>
                <input type="text">
               
              </div>
              <div class="pop_content01">
                <label for="">升级条件：</label>
                <input type="text">
              </div>
          </div>
          <div class="clearfix twoBtn">
             <div id="dlg-sure12" class="btn_style_1 pop_btn1">确定</div>
             <div id="dlg-close12" class="btn_style_1 pop_btn2">取消</div>
          </div>
        </div><!-- 提示框结束 --> 


      <!-- 此部分是添加等级弹出的提示框 -->
     <div id="prompt_msg13" class="pop_main" style="display: none;height:330px">
       <div id="prompt_title" class="pop_title">添加/编辑等级</div>
          <div class="pop_content clearfix" id="pop_content02">
              <div class="pop_content01">
                <label for="">等级名称：</label>
                <input type="text">
              </div>
              <div class="pop_content01">
                <label for="">所在等级组：</label>
                <select name="" id="">
                  <option value="" selected="selected">普通</option>
                  <option value=""></option>
                </select>
              </div>
              <div class="pop_content01">
                <label for="">交易额：</label>
                <input type="text">  
              </div>
               <div class="pop_content01">
                <label for="">交易次数：</label>
                <input type="text">  
              </div>
              <div class="pop_content01">
                <label for="">享受折扣：</label>
                <input type="text">
              </div>
               <div class="pop_content01">
                <label for="">(特权)信用额度：</label>
                <input type="text">  
              </div>
          </div>
          <div class="clearfix twoBtn">
             <div id="dlg-sure13" class="btn_style_1 pop_btn1">确定</div>
             <div id="dlg-close13" class="btn_style_1 pop_btn2">取消</div>
          </div>
        </div><!-- 提示框结束 --> 

        <div class="search-grid-container">
          <div id="grid"></div>
        </div>
   </div>


  <script type="text/javascript" src="../assets/js/jquery-1.8.1.min.js"></script>
  <script type="text/javascript" src="../assets/js/bui-min.js"></script>
  <script type="text/javascript" src="../assets/js/config-min.js"></script>
    <script type="text/javascript" src="../assets/js/myjs.js"></script>
  <script type="text/javascript">
    BUI.use('common/page');
  </script>

<script type="text/javascript">
  BUI.use('common/search',function (Search) {
   
        var  editing = new BUI.Grid.Plugins.DialogEditing({
        contentId : 'content', //设置隐藏的Dialog内容
        autoSave : true, //添加数据或者修改数据时，自动保存
        triggerCls : 'btn-edit'
      }),
      columns = [
          {title:'会员名称',dataIndex:'member-4-1',width:200},
          {title:'升级模式',dataIndex:'member-4-2',width:200},
          {title:'升级条件',dataIndex:'member-4-3',width:200},
          {title:'享受折扣',dataIndex:'member-4-4',width:200},
          {title:'信用额度',dataIndex:'member-4-5',width:200},
         
          {title:'操作',dataIndex:'',renderer : function(value,obj){ 
              var editStr1 = '<span class="grid-command btn-edit" title="">编辑</span>',
              delStr = '<span class="grid-command btn-del" title="删除评论">移除</span>';//页面操作不需要使用Search.createLink
            return   editStr1 + delStr;
          }}
        ],
      store = Search.createStore('../data/goods03.json',{
        proxy : {
          save : { //也可以是一个字符串，那么增删改，都会往那么路径提交数据，同时附加参数saveType
            addUrl : '../data/add.json',
            updateUrl : '../data/edit.json',
            removeUrl : '../data/del.php'
          }/*,
          method : 'POST'*/
        },
        autoSync : true //保存数据后，自动更新
      }),
      gridCfg = Search.createGridCfg(columns,{
       
        plugins : [editing,BUI.Grid.Plugins.CheckSelection,BUI.Grid.Plugins.AutoFit] // 插件形式引入多选表格
      });
    var  search = new Search({
        store : store,
        gridCfg : gridCfg
      }),
      grid = search.get('grid');

    function addFunction(){
      var newData = {isNew : true}; //标志是新增加的记录
      editing.add(newData,'name'); //添加记录后，直接编辑
    }

    //删除操作
    function delFunction(){
      var selections = grid.getSelection();
      delItems(selections);
    }

    function delItems(items){
      var ids = [];
      BUI.each(items,function(item){
        ids.push(item.id);
      });

      if(ids.length){
        BUI.Message.Confirm('确认要删除选中的记录么？',function(){
          store.save('remove',{ids : ids});
        },'question');
      }
    }

   // 监听事件，删除一条记录
    grid.on('cellclick',function(ev){
      var sender = $(ev.domTarget); //点击的Dom
      if(sender.hasClass('btn-del')){
        var record = ev.record;
        delItems([record]);
      }
    });
  });
</script>

</body>
</html>  
